﻿<%@ Page Language="C#" MasterPageFile="~/template.master" AutoEventWireup="true"
    CodeFile="Detail.aspx.cs" Inherits="Detail" Title="Untitled Page" validateRequest="false" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="Server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="Server">
    <div class="post-detail">
        <asp:Repeater ID="rptPostDetail" runat="server">
            <ItemTemplate>
                <img src='<%#Eval("PicturePath") %>' alt="Ảnh bài viết" class="post-thumb" />
                <h2>
                    <%#Eval("PostName") %></h2>
                <div class="metadata">
                    <ul>
                        <li class="cat"><a href='Default.aspx?cid=<%#Eval("CategoryId") %>' title="Xem các bài viết cùng chuyên mục Cảm xúc cá nhân">
                            <%#Eval("CategoryName") %></a></li>
                        <li class="comment-meta"><a href="#comment" title='<%#Eval("CommentCount") %> bình luận'>
                            <%#Eval("CommentCount") %>
                            bình luận</a></li>
                    </ul>
                </div>
                <div class="detail">
                    <%#Eval("PostContent") %>
                </div>
            </ItemTemplate>
        </asp:Repeater>
        <div class="rate">
            <h2>
                Đánh giá cho mớ dưa này</h2>
            <p>
                <asp:RadioButton ID="rdoRate1" runat="server" GroupName="rate" Text="Dưa ngọt" /></p>
            <p>
                <asp:RadioButton ID="rdoRate2" runat="server" GroupName="rate" Text="Dưa nhạt" /></p>
            <p>
                <asp:RadioButton ID="rdoRate3" runat="server" GroupName="rate" Text="Dưa chua" /></p>
            <div class="clear">
            </div>
        </div>
        <!-- end .rate-->
        <div class="post-comment">
            <h2>
                Xin mời ném đá</h2>
            <a name="comment"></a>
            <div class="comment-container">
                <asp:Repeater runat="server" ID="RepeaterListComment">
                    <ItemTemplate>
                        <div class="comments">
                            <img src="resource/images/25609.jpg" alt="" />
                            <div class="comment-content-container">
                                <div class="comment-metadata">
                                    <ul class="comment-author">
                                        <li>Bởi : <a href="#" title='Bình luận bởi <%#Eval("UserName") %>'>
                                            <%#Eval("UserName") %></a></li>
                                        <li>Lúc :
                                            <%#Eval("CommentDate") %></li>
                                    </ul>
                                    <ul class="comment-tool">
                                        <li><a href="javascript:Quote('<%#Eval("UserName") %> lúc <%#Eval("CommentDate") %> viết : <br> <%#Eval("CommentContent") %>');">Trích dẫn</a></li>
                                        <li><a href="#">Báo cáo</a></li>
                                    </ul>
                                    <div class="clear">
                                    </div>
                                </div>
                                <div class="comment-content">
                                    <p>
                                        <%#Eval("CommentContent") %>
                                    </p>
                                </div>
                            </div>
                            <div class="clear">
                            </div>
                        </div>
                        <!-- end .comments-->
                    </ItemTemplate>
                </asp:Repeater>
            </div>
            <!-- end .comment-container-->
            <div class="comment-editor">
                <asp:Panel ID="pnCommentNotLogin" runat="server" Visible="false">
                    <table>
                        <tr>
                            <td>
                                Tên bạn :
                            </td>
                            <td>
                                <asp:TextBox ID="TextBoxName" runat="server" CssClass="text-input"></asp:TextBox>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                Email
                            </td>
                            <td>
                                <asp:TextBox ID="TextBoxEmail" runat="server" CssClass="text-input"></asp:TextBox>
                            </td>
                        </tr>
                    </table>
                </asp:Panel>
                <asp:Panel ID="PanelComementLogin" runat="server" Visible="false">
                    <table>
                        <tr>
                            <td>
                                Bình luận dưới tên :
                            </td>
                            <td>
                                <b>
                                    <asp:Label ID="LabelLoginName" runat="server"></asp:Label></b> -
                                <asp:LinkButton ID="linkLogout" runat="server" Text="Đăng nhập với tên khác" OnClick="LogoutClick" />
                            </td>
                        </tr>
                    </table>
                </asp:Panel>
                <table>
                    <tr>
                        <td>
                            Comment *
                        </td>
                        <td>
                            Vui lòng gõ Tiếng Việt có dấu hoặc Tiếng Anh
                        </td>
                    </tr>
                    <tr>
                        <td>
                        </td>
                        <td>
                            <asp:TextBox ID="TextBoxComment" runat="server" TextMode="MultiLine" CssClass="textarea"></asp:TextBox>
                        </td>
                    </tr>
                    <tr>
                        <td align="right">
                            *
                        </td>
                        <td>
                            <asp:CheckBox ID="CheckAgree" runat="server" Text="Tôi đồng ý với những " /><a href="#">quy
                                định Chợ Dưa</a>
                        </td>
                    </tr>
                    <tr>
                        <td>
                        </td>
                        <td>
                            <asp:Button ID="ButtonSubmitComment" runat="server" Text="Gửi bình luận" OnClick="ButtonSubmitCommentClick" />
                        </td>
                    </tr>
                    <tr>
                        <td>
                        </td>
                        <td>
                            * là những trường bắt buộc phải nhập
                        </td>
                    </tr>
                </table>
            </div>
        </div>
        <!-- end .post-comment-->
    </div>
    <!-- end .post-detail-->

    <script language="javascript">
        function Quote(content) {
            var quotetext = "<quote>"+content+"</quote>";
            //document.getElementById("<%=TextBoxComment.ClientID %>").value= quotetext;
            var textarea = document.getElementById("<%=TextBoxComment.ClientID %>");
            textarea.focus();
            textarea.value = quotetext;
            
            
        }
    </script>

    <script language="javascript" type="text/javascript">
        function validate()
        {
              if (document.getElementById("<%=TextBoxName.ClientID%>").value=="")
              {
                         alert("Hãy nhập tên của bạn");
                         document.getElementById("<%=TextBoxName.ClientID%>").focus();
                         return false;
              }
             var emailPat = /^(\".*\"|[A-Za-z]\w*)@(\[\d{1,3}(\.\d{1,3}){3}]|[A-Za-z]\w*(\.[A-Za-z]\w*)+)$/;
             var emailid=document.getElementById("<%=TextBoxEmail.ClientID %>").value;
             var matchArray = emailid.match(emailPat);
             if (matchArray == null)
            {
                       alert("Hãy nhập chính xác địa chỉ email của bạn");
                       document.getElementById("<%=TextBoxEmail.ClientID %>").focus();
                       return false;
            }
            if(document.getElementById("<%=TextBoxComment.ClientID %>").value=="")
              {
                         alert("Hãy nhập nội dung bình luận ");
                        document.getElementById("<%=TextBoxComment.ClientID %>").focus();
                        return false;
              }
              if(document.getElementById("<%=CheckAgree.ClientID %>").checked==false)
              {
                         alert("Bạn phải đồng ý với các quy định của Chợ Dưa ");
                        document.getElementById("<%=CheckAgree.ClientID %>").focus();
                        return false;
              }
            return true;
         }
    </script>

</asp:Content>
